<%@page import="servlet.ApprovedTable"%>
<%@page import="servlet.MyApprovedTable"%>
<%@page import="Logic.Authorizer"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    
<%
	if (session.getAttribute("name") == null) {
		response.sendRedirect("login.jsp");
	} 
%>     

<!-- Declare the first header -->
<jsp:include page="t_header.jsp" />

<style>


</style>
<script src="js/jquery.hovercard.js" type="text/javascript"></script>

<script type="text/javascript">

$(window).load(function(){
	var aboutPC = {
//	    name: document.getElementById("getResponsiblity").value,
//	    link: "http://nyp.edu.sg/", 
//		bio: document.getElementById("getResponsiblity").value
//	    bio: "The Personal Mentor Coordinator is in-charge of assigning personal mentors to appropriate course",
// 	    image: "http://30.media.tumblr.com/avatar_d3eadb3e29f8_128.png",
// 	    website: "http://designwithpc.com", 
// 	    email: "hello@callmepc.com"
	};

	$('#td1').hovercard({
		
	    showCustomCard: true, 
	    customCardJSON: aboutPC
	});
	    
	

	});//]]>  

	function getResponsiblity(){
		var value = document.getElementById("getResponsiblity");
		alert(value.value);
	}

	function setPopup(appointmentID, event){
		
		MyWindow=window.open('appttype_responsibilities.jsp?id='+ appointmentID,'MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=400,height=160');
		
		var posy = event.clientY + 5;
		var posx = event.clientX + 20;
		
		MyWindow.moveTo(posx,posy);
	}

	$(document).ready(function(){
		$(".appointmentapprovedlist").change(function(){
			$(".apptTable1").hide();
			$("#"+this.value).show();
		});
	});

	
</script>


<jsp:include page="header.html" />
<!-- Declare sidebar -->
<jsp:include page="t_sidebarappointment.jsp" />

<!-- Main Content -->
<section id="main" class="column">
	<article class="module width_full">
		<header id="td1"><h3>My Appointment</h3>
		</header>
		

		<table class="tablesorter" cellspacing="0">
			<thead>
				<tr>
					<th style="width:15%">Name</th>
					<th style="width:35%">Appointment</th>
					<th style="width:5%">Description</th>
					<th style="width:15%">Effective Date</th>
					<th style="width:15%">Approved By</th>
					<th style="width:15%"></th>
				</tr>
			</thead>
			<tbody >
				<%
						MyApprovedTable rt = new MyApprovedTable(out);
						rt.doGet(request, response);
				%>
			</tbody>
		</table>


	</article><!-- end of content manager article -->
		<div class="spacer"></div>
	</section>
<br/>
<!-- Declare closing tags -->
<jsp:include page="t_footer.jsp" />